<!DOCTYPE html>
<style>
.float {
    float:left;
    clear:left;
}
</style>
<p> crbug.com/616167: There should be a green square below and some text. </p>
Some text for a line
<br>
<div class="float">
    <div style="height: 50px; width: 100px; background-color: green;"></div>
</div>
<div class="float" id="float">
    <div style="display: none; height: 100px; width: 50px;" id="test"></div>
</div>
<div class="float">
    <div style="height: 50px; width: 100px; background-color: green;"></div>
</div>
<br>
Some text for a line
<br>
<script>
document.getElementById("test").style.display = "block";
document.body.offsetTop;
document.getElementById("test").style.display = "none";
</script>
